@charset "utf-8";
/* CSS Document */
html,body{
	height: 100%;
}

.biaoge {
	width: 100%;
	background: #f2f2f2;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	display: flex;
}

.main {
	width: 100%;
	min-width: 1024px;
	min-height: 100%;
	overflow: hidden;
}

.head {
	float: left;
	width: 100%;
	height: 70px;
	background: #363636;
}

.logo {
	width: 120px;
	text-align: center;
}

.logo img {
	margin-top: 12px;
}

.top_img img {
	vertical-align: middle;
	margin-right: 23px;
	margin-top: 9px;
}

.biaoti {
	padding-left: 45px;
}

.biaoti a , .biaoti span {
	color: #fff;
	line-height: 70px;
	padding-right: 10px;
	font-size: 18px;
}

.dao_left {
	width: 120px;
	background: #363636;
	min-height: 100%;
}

.dao_left ul li {
	width: 120px;
	height: 70px;
	line-height: 70px;
	text-align: center;
}

.dao_left ul li a {
	color: #fff;
	display: inline-block;
	width: 120px;
}

.dao_left ul li a:hover {
	color: #fff;
	background: #de2787;
	transition: 1s all;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
}

.moren {
	background: #de2787;
}

.main_right {
	width: calc(100% - 120px);
	height: 100%;
	box-sizing: border-box;
}

.kuan {
	margin-top: 15px;
	border: 2px solid #f6f6f6;
	min-height: 100%;
	position: fixed;
	width: calc(100% - 153px);
}